<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ page import="java.util.List" %>
<%@ page import="com.model.Imagen" %>

<html>
<head>
		<meta name="HandheldFriendly" content="true" />
  		<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />
  		<meta name="apple-mobile-web-app-capable" content="yes" />
  		
		<title>Directorio Orq</title>
	
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
		<link rel="stylesheet" href="css/styles.css"/>
  		<link rel="stylesheet" href="css/photoswipe.css"/>
  		<script src="javascript/klass.min.js"></script>
  		<script src="javascript/code.photoswipe-3.0.4.min.js"></script>
		<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(window, PhotoSwipe){
					document.addEventListener('DOMContentLoaded', function(){			
						var
							options = {},
							gallery1Instance = PhotoSwipe.attach( window.document.querySelectorAll('#Gallery1 a'), options );			
					}, false);			
				}(window, window.Code.PhotoSwipe));
			function irAlInicio(){
				var url_inicio = "index.action";
				document.location = url_inicio;
			}
		</script>
		
</head>
<body>
			<div data-role="page" id="Gallery1" data-Theme="d" class="gallery-page">
				<div data-role="header" align="center" data-theme="d">
					<a href="#" data-role="button" data-icon="arrow-l" data-transition="slide" data-rel="back" data-iconpos="notext">Regresar</a>
					<img alt="" src="images/sml-logo.png">
					<a href="#" data-role="button" data-icon="home" data-transition="slide" onclick="irAlInicio()" data-iconpos="notext" >Inicio</a>		
				</div>
				<div data-role="content" align="center">
				<h2>Detalles</h2>
				<%List<Imagen> idImagenes = null;
				  idImagenes = (List<Imagen>)request.getAttribute("idImagenes");
				  String s = "imagenes_Imagenes.action?idImagen=";
				 %>
					<ul id="Gallery1" class="gallery">
				<%for(int i=0;i<idImagenes.size();i++){%>
							<li><a href="<%=s+idImagenes.get(i)%>" rel="external"><img src="<%=s+idImagenes.get(i)%>"/></a></li>
				<%}%>
					</ul>
				
				</div>		
			</div>

</body>
</html>